export default {
    title:'步骤布局',
    items:[{
        region:'center',
        items:[{
            flex:1,
            layout:'step',
            margin:20,
            id:'stepContainer',
            items:[{
                title:'步骤1',
                items:[{
                    widget:'form',
                    id:'form1',
                    fields:[{
                        widget:'text',
                        itemId:'text'
                    }]
                },{
                    widget:'button',
                    value:'下一步',
                    onClick:[{
                        action:'step-next',
                        target:'$widgets.stepContainer'
                    }]
                }]
            },{
                title:'步骤2',
                items:[{
                    widget:'form',
                    id:'form2',
                    fields:[{
                        widget:'text',
                        itemId:'text'
                    }]
                },{
                    layout:'horizontal',
                    items:[{
                        widget:'button',
                        value:'上一步',
                        onClick:[{
                            action:'step-previous',
                            target:'$widgets.stepContainer'
                        }]
                    },{
                        widget:'button',
                        value:'下一步',
                        onClick:[{
                            action:'step-next',
                            target:'$widgets.stepContainer'
                        }]
                    }]
                }]
            },{
                title:'步骤3',
                items:[{
                    widget:'form',
                    id:'form3',
                    fields:[{
                        widget:'text',
                        itemId:'text'
                    }]
                },{
                    layout:'horizontal',
                    items:[{
                        widget:'button',
                        value:'上一步',
                        onClick:[{
                            action:'step-previous',
                            target:'$widgets.stepContainer'
                        }]
                    },{
                        widget:'button',
                        value:'完成',
                        onClick:[{
                            action:'print',
                            value:[
                                '$widgets.form1.value',
                                '$widgets.form2.value',
                                '$widgets.form3.value'
                            ]
                        }]
                    }]
                }]
            }]
        }]
    }]
} ;